<div class="sidebar_detail">
	<div class="tab-header">
		<div class="title">
			<i class="fa fa-home"></i>车队预定
		</div>
		<div class="tool" id="submitBtns">
			<!--<button type="button" class="btn btn-default"
				ng-click="reserveSupport.save()" ng-disabled="reserveSupport.entity.cars.length == 0">
				<i class="fa fa-outdent"></i>保存
			</button>-->
			<button type="button" class="btn btn-default"
					ng-click="reserveSupport.save()" ng-disabled="reserveForm.$invalid">
				<i class="fa fa-outdent"></i>保存
			</button>
		</div>
	</div>
	<!-- Nav tabs -->
	<ul class="nav nav-tabs" role="tablist" style="clear: both">
		<li class="active">
			<a data-target="#reserveBaseInfo" data-toggle="tab">基本信息</a>
		</li>
	</ul>
	<!-- Tab panels -->
	<div class="tab-content">
		<!--此处存放各tab页div-->
		<div class="tab-pane active" id="reserveBaseInfo">

			<form id="reserveForm" name="reserveForm">
				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">
								<span class="notNull">*</span>车辆类型:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="typeName" name="typeName" type="text"
									   class="form-control">
								<input name="carType" type="hidden"
									   class="form-control" ng-model="reserveSupport.entity.carType" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.carType.$valid"></span>
							</div>
						</div>
					</div>
					<div class="col-md-6 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">
								<span class="notNull">*</span>数量:
							</label>
							<div class="col-md-8 col-sm-10">
								<input name="carNumber" type="number" class="form-control" ng-model="reserveSupport.entity.carNumber" required>
								<span class="glyphicon glyphicon-ok form-control-feedback" ng-show="reserveForm.carNumber.$valid"></span>
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-sm-4 control-label">
								<span class="notNull">*</span>用车日期:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="useDate" name="useDate" type="text"
									   class="form-control" ng-model="reserveSupport.entity.useDate" required>
								<span
									class="glyphicon glyphicon-ok form-control-feedback"
									ng-show="reserveForm.useTime.$dirty && reserveForm.useTime.$valid"></span>
							</div>
						</div>
					</div>
					<div class="col-md-6 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">
								<span class="notNull">*</span>还车日期:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="returnDate" name="returnDate" type="text" min="0"
									class="form-control" ng-model="reserveSupport.entity.returnDate"
									required>
								<span
									class="glyphicon glyphicon-ok form-control-feedback"
									ng-show="reserveForm.returnDate.$dirty && reserveForm.returnDate.$valid"></span>
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-2 col-sm-2 control-label">
								<span class="notNull">*</span>出发地址:
							</label>
							<div class="col-md-10 col-sm-10">
								<textarea name="startAddress" class="form-control" rows="5" ng-model="reserveSupport.entity.startAddress" ng-maxlength="300" required></textarea>
								<span class="error_tips" ng-show="addTimetableForm.startAddress.$error.maxlength">最多不能超过300个字符！</span>
								<span class="glyphicon glyphicon-ok form-control-feedback" ng-show="reserveForm.startAddress.$valid"></span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-2 col-sm-2 control-label">
								<span class="notNull">*</span>目的地址:
							</label>
							<div class="col-md-10 col-sm-10">
								<textarea name="endAddress" class="form-control" rows="5" ng-model="reserveSupport.entity.endAddress" ng-maxlength="300" required></textarea>
								<span class="error_tips" ng-show="addTimetableForm.endAddress.$error.maxlength">最多不能超过300个字符！</span>
								<span class="glyphicon glyphicon-ok form-control-feedback" ng-show="reserveForm.endAddress.$valid"></span>
							</div>
						</div>
					</div>
				</div>
				<!--<div class="row">
					<div class="col-md-4 form-horizontal" style="margin-left: 16px;">
						<div class="form-group">
							<label class="col-sm-4 control-label">
								<span class="notNull">*</span>出发省:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="_startPlaceProvince" type="text" class="form-control">
								<input name="startPlaceProvince" type="hidden" class="form-control"
									   ng-model="reserveSupport.entity.startPlaceProvince" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.startPlaceProvince.$valid"></span>
							</div>
						</div>
					</div>
					<div class="col-md-4 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">
								<span class="notNull">*</span>市:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="_startPlaceCity" type="text" class="form-control">
								<input name="startPlaceCity" type="hidden" class="form-control"
									   ng-model="reserveSupport.entity.startPlaceCity" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.startPlaceCity.$valid"></span>
							</div>
						</div>
					</div>
					<div class="col-md-3 form-horizontal" >
						<div class="form-group">
							<label class="col-sm-4 control-label">
								<span class="notNull">*</span>县:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="_startPlaceZone" type="text" class="form-control">
								<input name="startPlaceZone" type="hidden" class="form-control"
									   ng-model="reserveSupport.entity.startPlaceZone" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.startPlaceZone.$valid"></span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-2 col-sm-2 control-label">
								<span class="notNull">*</span>详细地址:
							</label>
							<div class="col-md-10 col-sm-10">
								<textarea name="sdescription" class="form-control" rows="5" ng-model="reserveSupport.entity.sdescription" ng-maxlength="300"></textarea>
								<span class="error_tips" ng-show="addTimetableForm.sdescription.$error.maxlength">最多不能超过300个字符！</span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 form-horizontal" style="margin-left: 16px;">
						<div class="form-group">
							<label class="col-sm-4 control-label">
								<span class="notNull">*</span>目的省:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="_endPlaceProvince" type="text" class="form-control">
								<input name="endPlaceProvince" type="hidden" class="form-control"
									   ng-model="reserveSupport.entity.endPlaceProvince" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.endPlaceProvince.$valid"></span>
							</div>
						</div>
					</div>
					<div class="col-md-4 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">
								<span class="notNull">*</span>市:
							</label>
							<div class="col-md-8 col-sm-10">
								<input id="_endPlaceCity" type="text" class="form-control">
								<input name="endPlaceCity" type="hidden" class="form-control"
									   ng-model="reserveSupport.entity.endPlaceCity" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.endPlaceCity.$valid"></span>
							</div>
						</div>
					</div>
					<div class="col-md-3 form-horizontal">
						<div class="form-group">
							<label class="col-sm-5 control-label">
								<span class="notNull">*</span>县:
							</label>
							<div class="col-md-7 col-sm-10">
								<input id="_endPlaceZone" type="text" class="form-control">
								<input name="endPlaceZone" type="hidden" class="form-control"
									   ng-model="reserveSupport.entity.endPlaceZone" required>
								<span class="glyphicon glyphicon-ok form-control-feedback"
									  ng-show="reserveForm.endPlaceZone.$valid"></span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-2 col-sm-2 control-label">
								<span class="notNull">*</span>详细地址:
							</label>
							<div class="col-md-10 col-sm-10">
								<textarea name="tdescription" class="form-control" rows="5" ng-model="reserveSupport.entity.tdescription" ng-maxlength="300"></textarea>
								<span class="error_tips" ng-show="addTimetableForm.tdescription.$error.maxlength">最多不能超过300个字符！</span>
							</div>
						</div>
					</div>
				</div>-->
				<!--<div class="row">
					<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-2 col-sm-2 control-label"></label>

							<div class="col-md-10 col-sm-10">
								<button type="button" class="btn btn-default" style="width:100%" ng-click="reserveSupport.add()" ng-disabled="reserveForm.$invalid">
									<i class="fa fa-outdent"></i>添加
								</button>
							</div>
						</div>
					</div>
				</div>
				<div class="row timetable">
					<label class="col-md-2 col-sm-2 control-label"></label>
					<div class="col-md-10 form-horizontal" style="margin-left: -26px;">
						<ul>
							<li>
								<div class="row">
									<div class="col-md-2">车辆类型</div>
									<div class="col-md-2">数量</div>
									<div class="col-md-2">用车时间</div>
									<div class="col-md-2">还车时间</div>
								</div>
							</li>
							<li ng-repeat="(index, item) in reserveSupport.entity.cars">
								<div class="row">
									<div class="col-md-2">{{ item.name }}</div>
									<div class="col-md-2">{{ item.number }}</div>
									<div class="col-md-2">{{ item.useTime }}</div>
									<div class="col-md-2">{{ item.backTime }}</div>
									<i class="fa fa-times del" ng-click="addSupport.entity.timetable.splice(index,1);addSupport.entity.isOk = addSupport.entity.timetable.length > 0 ? true :  undefined;"></i>
								</div>
							</li>
						</ul>
					</div>
				</div>-->
			</form>
		</div>
	</div>
</div>